.ygm-swiper {
  --height: auto;
  --width: 100%;
  --border-radius: 0;
  --track-padding: 0;

  width: var(--width);
  height: var(--height);
  position: relative;
  touch-action: pan-y;
  border-radius: var(--border-radius);
  overflow: hidden;
  z-index: 0;

  &-track {
    width: 100%;
    height: 100%;
    position: relative;
    flex-wrap: nowrap;
    display: flex;
    overflow: hidden;
    box-sizing: border-box;
    padding: var(--track-padding);

    &-inner {
      width: 100%;
      height: 100%;
      position: relative;
      flex-wrap: nowrap;
      display: flex;
      overflow: hidden;
    }
  }

  &-slide {
    width: 100%;
    position: relative;
    display: block;
    flex-shrink: 0;
    white-space: unset;
  }

  &-indicator {
    position: absolute;
    bottom: 6px;
    left: 50%;
    transform: translateX(-50%);
  }
}
